<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/autoplay.css">
</head>
<body>
<div id="divhead">
    <table cellspacing="0" class="headtable">
        <tr>
            <td>
                <a href="#">
                    <img src="./images/logo.png" width="200" height="60" border="0" />
                </a>
            </td>
            <td style="text-align:right">
                <img src="./images/cart.gif" width="26" height="23" style="margin-bottom:-4px" />&nbsp;<a href="#">购物车</a>
                | <a href="#">帮助中心</a>
                | <a href="#">我的帐户</a>
                | <a href="register.html">新用户注册</a>
            </td>
        </tr>
    </table>
</div>
<div id="divmenu">
    <a href="#">文学</a>
    <a href="#">生活</a>
    <a href="#">计算机</a>
    <a href="#">外语</a>
    <a href="#">经管</a>
    <a href="#">励志</a>
    <a href="#">社科</a>
    <a href="#">学术</a>
    <a href="#">少儿</a>
    <a href="#">艺术</a>
    <a href="#">原版</a>
    <a href="#">科技</a>
    <a href="#">考试</a>
    <a href="#">生活百科</a>
    <a href="#" style="color:#FFFF00">全部商品目录</a>
</div>
<div id="divsearch">
    <form action="#" id="searchform">
        <table width="100%" border="0" cellspacing="0">
            <tr>
                <td style="text-align:right; padding-right:220px">
                    Search
                    <input type="text" name="textfield" class="inputtable" id="textfield" value="请输入书名"
                           onmouseover="this.focus();"
                           onclick="my_click(this, 'textfield');"
                           onBlur="my_blur(this, 'textfield');"/>
                    <a href="#">
                        <img src="./images/serchbutton.gif" border="0" style="margin-bottom:-4px" onclick="search()"/>
                    </a>
                </td>
            </tr>
        </table>
    </form>
</div>
<div id="box_autoplay">
    <div class="list">
        <ul>
            <li><img src="./ad/index_ad1.jpg" width="900" height="335" /></li>
            <li><img src="./ad/index_ad2.jpg" width="900" height="335" /></li>
            <li><img src="./ad/index_ad3.jpg" width="900" height="335" /></li>
            <li><img src="./ad/index_ad4.jpg" width="900" height="335" /></li>
            <li><img src="./ad/index_ad5.jpg" width="900" height="335" /></li>
        </ul>
    </div>
</div>
<div id="divcontent">
    <table width="900px" border="0" cellspacing="0">
        <tr>
            <td width="497">

                <img src="./images/billboard.gif" width="497" height="38" />
                <table cellspacing="0" class="ctl">
                    <tr>
                        <td width="485" height="29">
                            尊敬的网上书城用户， 　　<br>
                            　　为了让大家有更好的购物体验，3月25日起，当日达业务关小黑屋回炉升级！<br>具体开放时间请留意公告，感谢大家的支持与理解，祝大家购物愉快！<br>
                            3月23日<br>
                            传智播客 网上书城系统管理部<br>
                        </td>
                    </tr>
                </table>
            </td>
            <td style="padding:5px 15px 10px 40px">
                <table width="100%" border="0" cellspacing="0">
                    <tr>
                        <td>
                            <img src="images/hottitle.gif" width="126" height="29" />
                        </td>
                    </tr>
                </table>
                <table width="100%" border="0" cellspacing="0">
                    <tr>
                        <td style="width:80px; text-align:center">
                            <a href="#">
                                <img src="bookcover/105.jpg" width="102" height="130" border="0" />
                            </a>
                            <br />
                        </td>
                        <td style="width:80px; text-align:center">
                            <a href="#">
                                <img src="bookcover/106.jpg" width="102" height="130" border="0" />
                            </a>
                            <br />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<div id="divfoot">
    <table width="100%" border="0" cellspacing="0">
        <tr>
            <td rowspan="2" style="width: 10%"><img
                    src="./images/logo.png"
                    width="195" height="50" style="margin-left: 175px" />
            </td>
            <td style="padding-top: 5px; padding-left: 50px"><a href="#">
                <font color="#747556"><b>CONTACT US</b> </font> </a>
            </td>
        </tr>
        <tr>
            <td style="padding-left: 50px"><font color="#CCCCCC"> <b>COPYRIGHT
                2015 &copy; BookStore All Rights RESERVED.</b> </font>
            </td>
        </tr>
    </table>
</div>
</body>
</html>
<script src="./js/autoplay.js"></script>
